﻿<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_1043998_qlv6vu9zu2d.css"/>
		<link rel="stylesheet" type="text/css" href="css/animate.min.css"/>
		<title>HOME</title>
	</head>
	<body>
		<div class="WebPage">
			<header id="header">
				<i class="iconfont icon-xingzhuang-sanjiaoxing" onclick="left()"></i>
				<div id="header-img"><img src="img/images/img_03.jpg"/></div>
				<i class="iconfont icon-sousuo"></i>
			</header>
			<div id="carouselExampleIndicators" class="carousel slide lunbo" data-ride="carousel">
			  	<ol class="carousel-indicators">
			    	<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
			    	<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
			    	<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
			  	</ol>
			  	<div class="carousel-inner">
			    	<div class="carousel-item active">
			      		<img class="d-block w-100" src="img/img-1.jpg" alt="First slide">
			      		<div class="lunbo-button">See More</div>
			    	</div>
			    	<div class="carousel-item">
			      		<img class="d-block w-100" src="img/lunbo-2.jpg" alt="Second slide">
			      		<div class="lunbo-button">See More</div>
			    	</div>
			    	<div class="carousel-item">
			      		<img class="d-block w-100" src="img/lunbo-5.jpg" alt="Third slide">
			      		<div class="lunbo-button">See More</div>
			    	</div>
			  	</div>
			</div>
			<div class="Content-top" id="zz" style="visibility: hidden;">
				<div>
					<img src="img/img-2.jpg"/>
					<div class="lunbo-button">See More</div>
				</div>
			</div>
			<div class="Content-center">
				<p>Product</p>
				<div>
					<div>
						<div id="zzz" style="visibility: hidden;"><img src="img/images/img_07.jpg"/></div>
						<p>Dot. Multi-functional </p>
						<h1>Dot. Multi-functional Combine-unit</h1>
					</div>
					<div>
						<div id="zzzz" style="visibility: hidden;"><img src="img/images/img_09.jpg"/></div>
						<p>free collocation</p>
						<h1>Dot. Table</h1>
					</div>
				</div>
				<div>
					<div>
						<div id="zzzzz" style="visibility: hidden;"><img src="img/images/img_13.jpg"/></div>
						<p>free collocation</p>
						<h1>Dot. Table</h1>
					</div>
					<div>
						<div id="zzzzzz" style="visibility: hidden;"><img src="img/images/img_15.jpg"/></div>
						<p>free collocation</p>
						<h1>Dot. Table</h1>
					</div>
				</div>
			</div>
			<div class="Content-bottom">
				<p>Product of the day</p>
				<h1>Dot. Multi-functional Combine-unit</h1>
				<video id="video" poster="img/img_5.jpg" controls="controls"  class="video-js vjs-default-skin">
					<source src="video/video.mp4" type="video/mp4"></source>
					<source src="myvideo.ogv" type="video/ogg"></source>
					<source src="myvideo.webm" type="video/webm"></source>
					<object width="" height="" type="application/x-shockwave-flash" data="myvideo.swf">
						<param name="movie" value="myvideo.swf" />
						<param name="flashvars" value="autostart=true&amp;file=myvideo.swf" />
					</object>
					当前浏览器不支持 video直接播放，点击这里下载视频： <a href="myvideo.webm">下载视频</a>
				</video>
			</div>
			<div class="Content-button">SEE MORE VIDEOS</div>
			<div class="bottom">
				<img src="img/bottom.jpg"/>
				<div>Space Inspiration</div>
				<div>
					<p>Copyright (c) Nissin Furniture Crafters Co ,Ltd All Rights Reserved</p>
					<i class="iconfont icon-jiantou"></i>
				</div>
			</div>
			<div class="Mask-left" id="Maskleft">
				<div>
					<i class="iconfont icon-chahao" onclick="Maskleft()"></i>
				</div>
				<div>
					<ul>
						<li id="l1">About Or</li>
						<li id="l2">Product</li>
						<li id="l3">Space Inspiration</li>
						<li id="l4">Life Show</li>
					</ul>
					<div>
						<p>——<span>News</span>——<span>Event</span>——<span>Cantatc</span>——</p>
					</div>
					<div>
						<i class="iconfont icon-weibo"></i>
						<i class="iconfont icon-weixin"></i>
						<span>CH</span>
						<span>EN</span>
					</div>
				</div>
			</div>
		</div>
		<script src="js/jquery.min.js"></script>
		<script src="js/page.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
